<?php
//Obtener los parametros
if(isset($_POST['quantity'])) {
	$quantity = $_POST['quantity'];
}
else
{
	echo "Error: quantity no puede ser vacio";
}
if(isset($_POST['order'])) {
	$order = strtolower($_POST['order']);
}
else
{
	echo "Error: order no puede ser vacio";
}

//Inicializar valores
$imgs = array();
$ordered = array();
$disOrd = array();

//Cargamos el html generado
$html = new DOMDocument();
$html->loadHtmlFile('http://www.decidestaffing.com/ejerciciophp/exercise.php?quantity='.$quantity);

//Usamos DOMXPath para buscar las imagenes
$xpath = new DOMXPath($html); 
$imgs = $xpath->query('//img');  

foreach ($imgs as $img) 
{ 
	$disOrd[] = $img->getAttribute('src');
}

//Ordenar las imagenes de acuerdo a la variable order
if($order == 'asc')
{
	sort($disOrd);
}
else if($order == 'desc')
{
	rsort($disOrd);
}
$ordered = $disOrd;

//Recorremos todas las imagenes encontradas y generamos nuevamente los tags de img
for($i=0; $i<count($ordered); $i++) 
{ 
	$imgName = array_pop(explode("/",$ordered[$i]));
	echo "<img src='http://www.decidestaffing.com/ejerciciophp/".$ordered[$i]."' onclick=\"alert('Img name: ".$imgName."')\" />";
}
?>